@charset "utf-8";

@media screen and (max-width:320px){
      html{
        font-size:62.5%;
      }
}

@media screen and (min-width:320px){
      html{
        font-size:75%;
      }
}


body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {
	margin: 0;
	padding: 0; background:#ececec;
}

html,body {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	-webkit-text-size-adjust: none；

}

a{
	text-decoration: none;
}

a,body {
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}


img{
	border: 0
}

a, img {
    -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */
}

ul,ol,li {
	list-style: none
}

input{
	border: none;
	background: none;
	outline: none;
}
.gray{ color:#999;}
.red{ color:#c40000}
/*样式重置结束*/

/***切换卡***/
.tab{ width:90%; margin:10px auto; height:36px; overflow:hidden; background:#e2e2e2; border-radius:3px;}
.tab li{ width:100%; float:left; text-align:center; height:36px;}
.tab li a{ line-height:36px; display:block; font-size:1.2rem; color:#444; background:#fff;}
.tab li a:hover,.tab li.cur a{ background:#0bb20c; color:#fff;}
/****正文代码样式***/
.banner{ width:95%; margin:0 auto; padding:0;}
.banner img { width:100%;  height:100%;}

.wrap{ padding:10px 10px 0 10px; overflow:hidden;}
.box{ border:1px solid #e2e2e2;margin-bottom:10px; padding:10px; background:#fff;}
.title{ line-height:1.6rem; color:#888; font-size:1.2rem; margin-bottom:10px;}
.input-text{ height:42px; background:#fff  right center no-repeat; background-size:42px; border:1px solid #e2e2e2; border-radius:3px; padding-right:46px; margin-bottom:10px;}
.input-record{ height:42px; border:1px solid #e2e2e2; border-radius:3px; background:#fff;}
.input-text:hover,.input-record:hover{ border:1px solid #fc511e;}
.form-control{display: block;width: 100%;height: 42px; box-sizing:border-box;padding: 6px 12px;font-size:1.5rem;color: #666;vertical-align: middle;background-color:transparent;border:none; line-height:42px;}
/*url(../img/icon.png)*/

.list{ width:100%; overflow:hidden; margin-top:10px; background:#fff;}
.list li{ width:25%; height:36px; margin-bottom:10px;float:left; background:#fff;}
.list li a{ margin-right:10px; display:block; line-height:34px; border:1px solid #e2e2e2; border-radius:3px; text-align:center; color:#666;font-size:1.4rem; background:#fff;}
.list li a:hover,.list li.cur a{ border:1px solid #fc511e; background:#fc511e; color:#fff;}

.more{ width:100%; height:36px; overflow:hidden; line-height:36px; font-size:1.4rem}
.more .left{ width:50%; text-align:left; float:left; color:#666; }
.more .left span{background:url(../img/arrow-02.png) no-repeat; background-size:16px; padding-left:24px;}
.more .right{float:left; width:50%; text-align:right;}

.btn{ width:100%; height:48px; overflow:hidden; margin-top:20px;}
.btn a{ line-height:48px; color:#fff;background:#0bb20c; width:100%; text-align:center; display:block;border-radius:3px; font-size:1.6rem;}
.btn a:hover{ background:#fa6436}

/**成功支付***/
.alipay-title{ border-bottom:1px solid #dcdbe0; height:48px; font-size:1.5rem; text-align:center; line-height:48px;}
.alipay-con{ padding:10% 12%;font-size:1.4rem;}
.success{ height:35px; background:url(../img/tk.png) no-repeat; background-size:35px; padding-left:45px; line-height:35px;}
.fail{background:url(../img/tk.png) no-repeat left bottom; height:35px;background-size:35px; padding-left:45px; line-height:35px;}
